<!DOCTYPE html>
<html>

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="copyright" content="All Rights Reserved, Copyright (C) 2013, 百度网民, Ltd." />
	<title>后台管理主页</title>
	<link rel="stylesheet" type="text/css" href="../../admin/easyui/easyui/1.3.4/themes/default/easyui.css" />
	<link rel="stylesheet" type="text/css" href="../../admin/easyui/css/wu.css" />
	<link rel="stylesheet" type="text/css" href="../../admin/easyui/css/icon.css" />
	<script type="text/javascript" src="../../admin/easyui/js/jquery-1.8.0.min.js"></script>
	<script type="text/javascript" src="../../admin/easyui/easyui/1.3.4/jquery.easyui.min.js"></script>
	<script type="text/javascript" src="../../admin/easyui/easyui/1.3.4/locale/easyui-lang-zh_CN.js"></script>
	<script>
		var pc;
		//不要放在$(function(){});中
		$.parser.onComplete = function () {
			if (pc) clearTimeout(pc);
			pc = setTimeout(closes, 1000);
		}

		function closes() {
			$('#loading').fadeOut('normal', function () {
				$(this).remove();
			});
		}
	</script>
</head>

<body class="easyui-layout">
	<div id="loading"
		style="position:absolute;z-index:1000;top:0px;left:0px;width:100%;height:100%;background:#FFFFFF;text-align :center;padding-top:6%;">
		<img src="../../admin/easyui/images/loading.jpg" width="50%">
	</div>
	<!-- begin of header -->
	<div class="wu-header" data-options="region:'north',border:false,split:true">
		<div class="wu-header-left">
			<h1>【香格里拉】后台管理系统</h1>
		</div>
		<div class="wu-header-right">
			<p><strong class="easyui-tooltip" title="0条未读消息">管理员</strong>，欢迎您！</p>
			<p><a href="../home/index/index.html" target="_blank">网站首页</a>|<a href="#">支持论坛</a>|<a href="#">帮助中心</a>|<a
					href="logout">安全退出</a></p>
		</div>
	</div>
	<!-- end of header -->
	<!-- begin of sidebar -->
	<div class="wu-sidebar" data-options="region:'west',split:true,border:true,title:'导航菜单'">
		<div class="easyui-accordion" data-options="border:false,fit:true">
			<!-- <iframe src="../../pages/home/index/index.html" id="mainFrame" name="mainFrame"  width="100%"  height="100%" ></iframe> -->

			<div title="系统设置" data-options="iconCls:'icon-advancedsettings'" style="padding:5px;">
				<ul class="easyui-tree wu-side-tree">
					<li iconCls="icon-group-key"><a href="../role/list.html" target="mainFrame">角色管理</a></li>
					<li iconCls="icon-group-gear"><a href="edit_passowrd.html" target="mainFrame">修改密码</a></li>
					<!-- <li iconCls="icon-group-gear"><a href="../menu/list.html" target="mainFrame">修改密码</a></li> -->
					<!-- <li iconCls="${secondMenu.icon }"><a href="javascript:void(0)" data-icon="${secondMenu.icon }" data-link="${secondMenu.url }?_mid=${secondMenu.id }" iframe="2">角色管理</a></li>
					<li iconCls="${secondMenu.icon }"><a href="javascript:void(0)" data-icon="${secondMenu.icon }" data-link="${secondMenu.url }?_mid=${secondMenu.id }" iframe="3">修改密码</a></li> -->
				</ul>
			</div>
			<div title="用户管理" data-options="iconCls:'icon-group-gear'" style="padding:5px;">
				<ul class="easyui-tree wu-side-tree">
					<li iconCls="icon-group"><a href="../user/list.html" target="mainFrame">用户列表</a></li>
				</ul>
			</div>
			<div title="系统日志" data-options="iconCls:'icon-table-cell'" style="padding:5px;">
				<ul class="easyui-tree wu-side-tree">
					<li iconCls="icon-page-white-text"><a href="../log/list.html" target="mainFrame">系统日志</a></li>
				</ul>
			</div>
			<div title="楼层管理" data-options="iconCls:'icon-house'" style="padding:5px;">
				<ul class="easyui-tree wu-side-tree">
					<li iconCls="icon-house-connect"><a href="../floor/list.html" target="mainFrame">楼层列表</a></li>
				</ul>
			</div>
			<div title="房型管理" data-options="iconCls:'icon-house-star'" style="padding:5px;">
				<ul class="easyui-tree wu-side-tree">
					<li iconCls="icon-house-key"><a href="../room_type/list.html" target="mainFrame">房型列表</a>
					</li>
				</ul>
			</div>
			<div title="房间管理" data-options="iconCls:'icon-house-go'" style="padding:5px;">
				<ul class="easyui-tree wu-side-tree">
					<li iconCls="icon-house-key"><a href="../room/room.html" target="mainFrame">房间列表</a></li>
				</ul>
			</div>
			<div title="客户管理" data-options="iconCls:'icon-users'" style="padding:5px;">
				<ul class="easyui-tree wu-side-tree">
					<li iconCls="icon-user-business-boss"><a href="../account/list.html" target="mainFrame">客户列表</a>
					</li>
				</ul>
			</div>
			<div title="预定管理" data-options="iconCls:'icon-time-green'" style="padding:5px;">
				<ul class="easyui-tree wu-side-tree">
					<li iconCls="icon-clock"><a href="../book_order/list.html" target="mainFrame">预定列表</a>
					</li>
				</ul>
			</div>
			<div title="入住管理" data-options="iconCls:'icon-heart-connect'" style="padding:5px;">
				<ul class="easyui-tree wu-side-tree">
					<li iconCls="icon-heart"><a href="../checkin/list.html" target="mainFrame">入住列表</a>
					</li>
				</ul>
			</div>
			<div title="营业统计" data-options="iconCls:'icon-money-yen'" style="padding:5px;">
				<ul class="easyui-tree wu-side-tree">
					<li iconCls="icon-chart-curve"><a href="../status/status.html" target="mainFrame">统计图表</a>
					</li>
				</ul>
			</div>
			<!-- <c:forEach items="${topMenuList }" var="topMenu">
        	<div title="${topMenu.name }" data-options="iconCls:'${topMenu.icon }'" style="padding:5px;">  	
    			<ul class="easyui-tree wu-side-tree">
                	<c:forEach items="${secondMenuList }" var="secondMenu">
                		<c:if test="${secondMenu.parentId == topMenu.id }">
                			<li iconCls="${secondMenu.icon }"><a href="javascript:void(0)" data-icon="${secondMenu.icon }" data-link="${secondMenu.url }?_mid=${secondMenu.id }" iframe="1">${secondMenu.name }</a></li>
                    	</c:if>
                    </c:forEach>
                </ul>
            </div>
            </c:forEach> -->
		</div>
	</div>
	<!-- end of sidebar -->
	<!-- begin of main -->
	<div class="wu-main" data-options="region:'center'">
		<iframe src="../../pages/system/welcome.html" id="mainFrame" name="mainFrame" width="100%" height="100%"></iframe>
		<!-- <div id="wu-tabs" class="easyui-tabs" data-options="border:false,fit:true">  
            <div title="首页" data-options="href:'welcome',closable:false,iconCls:'icon-tip',cls:'pd3'">
							<iframe src="../../pages/home/index/index.html" id="mainFrame" name="mainFrame"  width="100%"  height="100%" ></iframe>

			</div> -->
	</div>
	</div>
	<!-- end of main -->
	<!-- begin of footer -->
	<div class="wu-footer" data-options="region:'south',border:true,split:true">
		&copy; 2020 【香格里拉酒店】 All Rights Reserved
	</div>
	<!-- end of footer -->
	<script type="text/javascript">
		$(function () {
			$('.wu-side-tree a').bind("click", function () {
				var title = $(this).text();
				var url = $(this).attr('data-link');
				var iconCls = $(this).attr('data-icon');
				var iframe = $(this).attr('iframe') == 1 ? true : false;
				addTab(title, url, iconCls, iframe);
			});
		})


		/**
		* Name 添加菜单选项
		* Param title 名称
		* Param href 链接
		* Param iconCls 图标样式
		* Param iframe 链接跳转方式（true为iframe，false为href）
		*/
		function addTab(title, href, iconCls, iframe) {
			var tabPanel = $('#wu-tabs');
			if (!tabPanel.tabs('exists', title)) {
				var content = '<iframe scrolling="auto" frameborder="0"  src="' + href + '" style="width:100%;height:100%;"></iframe>';
				if (iframe) {
					tabPanel.tabs('add', {
						title: title,
						content: content,
						iconCls: iconCls,
						fit: true,
						cls: 'pd3',
						closable: true
					});
				}
				else {
					tabPanel.tabs('add', {
						title: title,
						href: href,
						iconCls: iconCls,
						fit: true,
						cls: 'pd3',
						closable: true
					});
				}
			}
			else {
				tabPanel.tabs('select', title);
			}
		}
		/**
		* Name 移除菜单选项
		*/
		function removeTab() {
			var tabPanel = $('#wu-tabs');
			var tab = tabPanel.tabs('getSelected');
			if (tab) {
				var index = tabPanel.tabs('getTabIndex', tab);
				tabPanel.tabs('close', index);
			}
		}
	</script>
</body>

</html>